<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta property="og:type" content="website" />
	<meta property="og:title" content="王志超李柔柔婚纱照">
	<meta property="og:description" content="王志超❤李柔柔婚纱照">
	<meta property="og:image" content="https://github.com/wzc570738205/boke/raw/master/article/Weddingphotos/img/w5_gaitubao_com_300x300.jpg">
	<meta property="og:url" content="https://github.com">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<title>王志超❤李柔柔婚纱照</title>
	<link rel="apple-touch-icon" sizes="57x57" href="img/applogo57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="img/applogo72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="img/applogo114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="img/applogo144.png">
	<link rel="stylesheet" href="dist/css/swiper.min.css">
	<link rel="stylesheet" href="dist/css/animate.min.css">
	<link rel="stylesheet" href="dist/css/animate.css">
	<link rel="stylesheet" href="css/zy.media.min.css">
	<link rel="stylesheet" href="css/css.css">
	<script src="dist/js/jquery-1.8.2.js"></script>
	<style type="text/css">
	</style>
</head>

<body>
	< bod y>

		< div style='margin:0 auto;width:0px;height:0px;overflow:hidden;  '>

			< img src='/img/w5_gaitubao_com_300x300.jpg' />

			< /div>
				< /bod y>
</body>


<body onmousewheel="return false;">
	<!-- <audio id="bgMusic" autoplay>
    <source =  src="mp3/加藤達也 - きらめく湖畔.mp3" type="audio/mp3">
   
</audio> -->
	<!-- <audio src="mp3/加藤達也 - きらめく湖畔.mp3" autoplay loop id="bgMusic"></audio> -->
	<!-- <audio src="mp3/加藤達也 - きらめく湖畔.mp3" autoplay loop></audio> -->
	<!-- music -->
	<div class="play" id="play"></div>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<!-- 第一帧 -->
			<div class="swiper-slide move1">
				<img src="img/w1.jpg" alt="" class="hsimg">
				<img src="img/w2.jpg" alt="" class="hsimg">
				<!-- 上滑箭头 -->
				<a href="#" class="arrowwrap">
					<img src="img/arrow-up.png" class="arrow-up ani" swiper-animate-effect="fadeInUp " swiper-animate-duration="1s" swiper-animate-delay="1s">
				</a>

			</div>
			<!-- 第二帧 -->
			<div class="swiper-slide move2wrap">
				<img src="img/w3.jpg" alt="" class="hsimg">


				<a href="#" class="arrowwrap">
					<img src="img/arrow-up.png" class="arrow-up ani" swiper-animate-effect="fadeInUp fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
				</a>
			</div>
			<!-- 第三帧 -->
			<div class="swiper-slide move3wrap">


				<a href="#" class="arrowwrap">

					<img src="img/arrow-up.png" class="arrow-up ani" swiper-animate-effect="fadeInUp fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
				</a>
			</div>

			<!-- <div class="swiper-slide move4">
			<div class="playvideo">
			<div class="zy_media">
				<video poster="img/3.jpg" data-config='{"mediaTitle": "大可爱"}'>
					<source src="mp3/aa.mp4" type="video/mp4">
				
			 </video>
			</div>
			<div id="modelView">sdfsfd</div>
			</div>
			
			<script src="dist/js/zy.media.min.js"></script>
			<script>
			//document.documentElement.style.overflow='hidden';
			document.body.style.overflow='hidden';
			zymedia('video',{autoplay: true});
			var screenheight = window.screen.height/2;
			$("#modelView").width(window.screen.width);
			$("#modelView").height(window.screen.height);
			var videoheight = $(".zy_media").height()/2;
			var padding_top = screenheight-videoheight;
			
			
			</script>
			
			
				<a href="#" class="arrowwrap">
					<img src="img/arrow-up.png" class="arrow-up ani" swiper-animate-effect="fadeInUp fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
				</a>		
			</div> -->
			<div class="swiper-slide move5 end">
			</div>
		</div>
		<!-- 如果需要分页器 -->
		<!--  <div class="swiper-pagination"></div> -->

		<!-- 如果需要导航按钮 -->
		<!--  <div class="swiper-button-prev"></div>
   <div class="swiper-button-next"></div>
   
   如果需要滚动条
   <div class="swiper-scrollbar"></div> -->
	</div>


	<script src="dist/js/swiper.min.js"></script>
	<script src="dist/js/swiper.animate1.0.2.min.js"></script>

	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-container', {
			direction: 'vertical',
			loop: false,
			mousewheelControl: true,
			// 如果需要分页器
			// pagination: '.swiper-pagination',

			// 如果需要前进后退按钮
			/*nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
    
			// 如果需要滚动条
			scrollbar: '.swiper-scrollbar',*/
			onInit: function (swiper) { //Swiper2.x的初始化是onFirstInit
				swiperAnimateCache(swiper); //隐藏动画元素 
				swiperAnimate(swiper); //初始化完成开始动画
			},
			onSlideChangeEnd: function (swiper) {
				swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
			}
		})



		var audio = document.getElementById("bgMusic");
		var video = document.getElementById("video");
		/* $("#play").click(function function_name(argument) {
		 alert(1)
		 })*/
		//播放(继续播放)
		//audio.play();

		//暂停
		//audio.pause();
		audio.play();
		$("#play").toggle(
			function () {
				$(this).addClass("stop");
				audio.pause();
			},
			function () {
				$(this).removeClass("stop");
				audio.play();
			}
		);

		 
		var imgUrl = "https://github.com/wzc570738205/boke/raw/master/article/Weddingphotos/img/w5_gaitubao_com_300x300.jpg";  //注意必须是绝对路径

		    
		var lineLink = "https://wzc570738205.github.io/boke/article/Weddingphotos/index.html";   //同样，必须是绝对路径
		    
		var descContent = '最轻便的微电台精选，天天更新，你听或是不听，我都这里等着你。'; //分享给朋友或朋友圈时的文字简介
		    
		var shareTitle = '微信电台精选';  //分享title
		    
		var appid = ''; //apiID，可留空
		        
		function shareFriend() {      
			WeixinJSBridge.invoke('sendAppMessage', {        
				"appid": appid,
				        "img_url": imgUrl,
				        "img_width": "200",
				        "img_height": "200",
				        "link": lineLink,
				        "desc": descContent,
				        "title": shareTitle      
			}, function (res) {         //_report('send_msg', res.err_msg);
				      })    
		}    
		function shareTimeline() {      
			WeixinJSBridge.invoke('shareTimeline', {        
				"img_url": imgUrl,
				        "img_width": "200",
				        "img_height": "200",
				        "link": lineLink,
				        "desc": descContent,
				        "title": shareTitle      
			}, function (res) {          //_report('timeline', res.err_msg);
				      });    
		}    
		function shareWeibo() {      
			WeixinJSBridge.invoke('shareWeibo', {        
				"content": descContent,
				        "url": lineLink,
				      
			}, function (res) {         //_report('weibo', res.err_msg);
				      });    
		}     // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
		    
		document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {       // 发送给好友
			      
			WeixinJSBridge.on('menu:share:appmessage', function (argv) {        
				shareFriend();      
			});       // 分享到朋友圈
			      
			WeixinJSBridge.on('menu:share:timeline', function (argv) {    
				shareTimeline();      
			});       // 分享到微博
			      
			WeixinJSBridge.on('menu:share:weibo', function (argv) {        
				shareWeibo();      
			});    
		}, false);
		setTimeFunc = (time) => {
    const aimTime = new Date(('2018-5-24 09:30:00').replace(/-/g, '/')).getTime();
    const currentTime = new Date().getTime();
    // const days = null;
    // const hours = null;
    // const seconds = null;
    const diffTime = aimTime - currentTime;

    const years = new Date(aimTime).getFullYear() - new Date().getFullYear();
    const month = new Date(aimTime).getMonth() - new Date().getMonth();

    if (years === 0) {
      if (month === 0) {
        const days = Math.floor(diffTime / (1000 * 60 * 60 * 24));
        const hours = Math.floor((diffTime - (days * 1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((diffTime - (days * 1000 * 60 * 60 * 24) - (hours * 1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((diffTime - (days * 1000 * 60 * 60 * 24) - (hours * 1000 * 60 * 60) - (minutes * 1000 * 60)) / 1000);
        console.log(hours);
        this.setState({
          days: days > 9 ? days : '0' + days,
          hours: hours > 9 ? hours : '0' + hours,
          minutes: (minutes) > 9 ? minutes : '0' + minutes,
          seconds: seconds> 9 ? seconds : '0' + seconds
        });
      }
    }
	</script>
</body>

</html>